<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Untitled Document</title>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function(){
           //点击所有的p节点;使其能够弹出对应的文本值
            /**
             * 1.jQuery 对象可以进行隐士迭代:
             * 为所有的p 节点都添加了响应函数,
             * 2.text() 方法;是一个读写的方法;当不加任何参数时,读取文本值;
             * 加参数,就是添加文本值;
             */
            $("p").click(function(){
                alert($(this).text());
                $(this).text("^^"+$(this).text());
            });
            //使第一个table 各行变色;
            $("table:first tr:even").css("background","#ffaacc");
            //点击button  ,弹出checkbox 被选中的个数;
            $("button").click(function(){
                alert($(":checkbox:checked").length);
            })
        });
    </script>
</head>
<body>
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>

<table>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
</table>
<br>
<hr>
<br>
<table>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
    <tr>
        <td>第一行</td><td>第一行</td>
    </tr>
</table>

<input type="checkbox" name="test" />
<input type="checkbox" name="test" />
<input type="checkbox" name="test" />
<input type="checkbox" name="test" />
<input type="checkbox" name="test" />
<input type="checkbox" name="test" />
<button>您选中的个数</button>
</body>
</html>
